.main {
  //   margin: 0 120px;
  min-width: 660px;

  .head {
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #027E95;
    padding: 0 50px;

    >img {
      height: 48px;
    }

    ul {

      li {
        display: inline-block;
        margin: 0 4px;
        padding: 12px 8px;
        outline: none;

        a {
          color: #FFF
        }
      }

      li:hover {
        cursor: pointer;
        background-color: rgba(180, 180, 180, .6);
      }

      li.active {
        border-bottom: 2px solid #ddd;
        box-sizing: border-box;
      }
    }
  }

  .content {
    min-height: calc(100vh - 160px);
  }

  .foot {
    background-color: #027E95;
    color: #FFF;
    margin: 0 auto;
    padding: 8px 50px;
    font-size: 12px;
    text-align: center;

    >p {
      margin: 4px;
    }
  }
}
